@import "base.scss";
@import "loading.scss";
@import "antd.scss";
@import "pub.scss";
.m500  {
    width:500px;
    margin:0 auto;
}
.tab_btn {
    height:40px;
    li {
        float:left;
        width:70px;
        height:40px;
        line-height: 40px;
        text-align: center;
        font-size:14px;
        cursor: pointer;
        &.cur{
            background: #f60;
            color:#fff;
        }
    }
}
.tab_box {
    .tab_box_list{
        height:200px;
        border:1px solid red;
        display:none;
        &.current{
            display:block;
        }
    }
}
.tab_con {
    ul {
        height:40px;
        li {
            float:left;
            width:70px;
            height:40px;
            line-height: 40px;
            text-align: center;
            font-size:14px;
            cursor: pointer;
            &.cur{
                background: #f60;
                color:#fff;
            }
        }
    }
    ol{
        li{
            height:200px;
            border:1px solid red;
            display:none;
            &.cur{
                display:block;
            }
        }
    }
}
.tab_con2 {
    ul {
        height:40px;
        li {
            float:left;
            width:70px;
            height:40px;
            line-height: 40px;
            text-align: center;
            font-size:14px;
            cursor: pointer;
            &.cur{
                background: #f60;
                color:#fff;
            }
        }
    }
}
.m400 {
    width:500px;
    margin:0 auto;
}
.ltab_btn {
    margin-bottom:0;
    li {
        float:left;
        width:100px;
        height:40px;
        line-height: 40px;
        text-align: center;
        font-size:14px;
        cursor:pointer;
        &.cur{
            background: #f60;
            color:#fff;
        }
    }
}
.k_header{
    height:50px;
    border:1px solid red;
    overflow:hidden;
}
.con {
    .left_con {
        width:200px;
        float:left;
        height:100px;
        border:1px solid red;
    }
    .right_con {
        margin-left:210px;
        height:100px;
        border:1px solid red;
    }
}

.jianjie {
    width:371px;
    border:1px solid red;
}
.jianjie2 {
    width:800px;
    height:200px;
    border:1px solid red;
}

.news {
    width:300px;
    height:200px;
    border:1px solid red;
}
.k_classlist {
    padding:1px 24px 0 17px;
    li {
        margin-top:5px;
        overflow:hidden;
        img {
            float:left;
            margin-top:2px;
            width:109px;
            height:48px;
            border:1px solid red;
        }
        p {
            margin-left:124px;
            line-height: 21px;
            font-size:12px;
            color:#605d5d;
            height:42px;
            overflow: hidden;
        }
    }
}

.m600 {
    width:600px;
    margin:30px auto 0;
}

.k_hf {
    li {
        width:100px;
        height:30px;
        text-align: center;
        line-height: 30px;
        font-size:14px;
        float:left;
        margin:0 5px;
        border:1px solid red;
        cursor: pointer;
    }
}
.k_hf_con {
    .page1 {
        width:200px;
        height: 100px;
        background: red;
    }
    div.page2 {
        width:200px;
        height: 100px;
        background: red;
        display: none;
    }
    p.page2{
        width:200px;
        height: 100px;
        background: green;
    }
    div.page3{
        width:200px;
        height: 100px;
        background: green;
        display: none;
    }
    p.page3{
        width:200px;
        height: 100px;
        background: green;
        display: none;
    }
    h3.page3{
        width:200px;
        height: 100px;
        background: purple;
    }
    .page4{
        width:200px;
        height: 100px;
        background: red;
    }
    .page5{
        width:200px;
        height: 100px;
        background: blue;
    }
    div,p,h3 {
        display: none;
        color:#fff;
    }
    &.first{
        .page1{
            display: block;
        }
    }
    &.two{
        p.page2{
            display: block;
        }
    }
    &.three{
        h3.page3{
            display: block;
        }
    }
    &.four{
        .page4{
            display: block;
        }
    }
    &.five{
        .page5{
            display: block;
        }
    }
}





.ltab_box{
    li{
        height:200px;
        border:1px solid red;
        display:none;
        &.cur{
            display:block;
        }
    }
}
.k_m {
    width:967px;
    margin:50px auto 0;
}
